<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商品搜索-一家</title>
	<link rel="stylesheet" href="css/goodslist.css">
	<link rel="stylesheet" href="css/headerfooter.css">
</head>
<body>
	<!-- 右边的固定区域 -->
	<div class="rightfixed">
		<div class="rightfixed-strip"></div>
		<div class="rightfixed-sprite">
			<ul class="ul1">
				<li class="li1">
					<div>会员</div>
				</li>
				<li class="li2">
					<div>购物车</div>
				</li>
				<li class="li3">
					<div>我的关注</div>
				</li>
				<li class="li4">
					<div>我的足迹</div>
				</li>
				<li class="li5">
					<div>我的消息</div>
				</li>
				<li class="li6">
					<div>咨询客服</div>
				</li>
			</ul>
			<ul class="ul2">
				<li class="li7" onclick="window.scrollTo(0,0);">
					<div>顶部</div>
				</li>
				<li class="li8">
					<div>反馈</div>
				</li>
			</ul>
		</div>
	</div>
	<!-- 内容部分 -->
	<div class="content">
		<!-- 头部 -->
		<div class="header">
			<div class="container">
				<div class="h-l">
					<span class="arrowp">
						送至 : <span id="position"></span>北京<span class="arrow"></span>
					</span>
				</div>
				<div class="h-r">
					<ul>
						<li><a href="#" id="logina">您好,请登录</a><a href="#">免费注册</a></li>
						<li></li>
						<li><a href="#">我的订单</a></li>
						<li></li>
						<li class="arrowp"><a href="#">个人中心</a><span class="arrow"></span></li>
						<li></li>
						<li class="arrowp"><a href="#">客户服务</a><span class="arrow"></span></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>

		<!-- 搜索 -->
		<div class="search">
			<div class="container">
				<div class="s-l">
					<a href="#"><img src="images/logo.png"></a>
				</div>
				<div class="s-r">
					<div class="s-r-l">
						<input type="text"><span>搜索</span>
						<ul>
							<li><a href="#">显示器</a></li>
							<li></li>
							<li><a href="#">显示器27</a></li>
							<li></li>
							<li><a href="#">显示器27</a></li>
						</ul>
					</div>
					<div class="s-r-r">
						<div>我的购物车<span class="span2">10</span><span class="span1"></span></div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- 分类 -->
		<div class="classify">
			<div class="container">
				<span class="span1">全部部商品分类<span class="arrow"></span></span><a href="#">首页</a>
			</div>
		</div>
		<!-- 引导 -->
		<div class="guide">
			<div class="container">
				<a href="#">全部结果</a>
				<span>></span>
				<span>"显示器"</span>
			</div>
		</div>
		<!-- 大图片广告 -->
		<div class="bigad">
			<div class="container">
				<img src="images/bigad.png">
			</div>
		</div>
		<!-- 过滤 -->
		<div class="filter">
			<div class="container">
				<div class="line">
					<div class="line-l">
						品牌:
					</div>
					<div class="line-r"></div>
					<div class="clearfix"></div>
				</div>
				<div class="line">
					<div class="line-l">
						外设产品:
					</div>
					<div class="line-r"></div>
					<div class="clearfix"></div>
				</div>
				<div class="line">
					<div class="line-l">
						容量:
					</div>
					<div class="line-r"></div>
					<div class="clearfix"></div>
				</div>
				<div class="line">
					<div class="line-l">
						接口:
					</div>
					<div class="line-r"></div>
					<div class="clearfix"></div>
				</div>

				<div class="line">
					<div class="line-l">
						高级选项:
					</div>
					<div class="line-r"></div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>

		<!-- 广告和列表部分 -->
		<div class="list">
			<div class="container">
				<div class="list-ad">
					<div class="list-ad-h">
						<span class="span1">商品精选</span>
						<span class="span2">广告</span>
						<div class="clearfix"></div>
					</div>
					<div class="list-ad-box">
						<img src="images/ad1.jpg">
						<p class="p1">￥1498.00</p>
						<p class="p2"><a href="#">艾尔莎（ELSA）E32B318C 31.5英寸纤薄</a></p>
						<p class="p3">已有<span>3297</span>人评价</p>
					</div>
					<div class="list-ad-box">
						<img src="images/ad1.jpg">
						<p class="p1">￥1498.00</p>
						<p class="p2"><a href="#">艾尔莎（ELSA）E32B318C 31.5英寸纤薄</a></p>
						<p class="p3">已有<span>3297</span>人评价</p>
					</div>
					<div class="list-ad-box">
						<img src="images/ad1.jpg">
						<p class="p1">￥1498.00</p>
						<p class="p2"><a href="#">艾尔莎（ELSA）E32B318C 31.5英寸纤薄</a></p>
						<p class="p3">已有<span>3297</span>人评价</p>
					</div>
					<div class="list-ad-box">
						<img src="images/ad1.jpg">
						<p class="p1">￥1498.00</p>
						<p class="p2"><a href="#">艾尔莎（ELSA）E32B318C 31.5英寸纤薄</a></p>
						<p class="p3">已有<span>3297</span>人评价</p>
					</div>
				</div>
				<div class="lists">
					<div class="lists-h">
						<div class="sort">
							<a href="#" class="speciala">销量<span></span></a>
							<a href="">评论数<span></span></a>
							<a href="">新品<span></span></a>
							<a href="">价格<span></span></a>
							<div class="clearfix"></div>
						</div>
						<div class="price">
							<input type="text" placeholder="￥">
							-
							<input type="text" placeholder="￥">
						</div>
						<div class="pages">
							<span>共<span class="span1">17.9万</span>件商品<span class="span2">1</span>/<span class="span3">100</span></span>
							<span class="span4"><span class="span41"></span></span>
							<span class="span4"><span class="span42"></span></span>
						</div>
					</div>
					<div class="bigbox">
						<div class="box">
							<a href=""><img src="images/box1.jpg"></a>
							<h1>￥999.00</h1>
							<a class="a1" href="">三星（SAMSUNG）C24F390FH 23.5英寸1800R震撼曲率爱眼低蓝光曲面显示器</a>
							<p>已有<span>2万+</span>人评价</p>
							<div class="joincart">
								<span class="span1">
									<a href="">
										<span class="spanl">
											<img src="images/heart1.png">
											<img src="images/heart2.png">
										</span>
										<span class="spanr">关注</span>
									</a>
								</span>
								<span class="span2"></span>
								<div class="clearfix"></div>
							</div>
						</div>
						
						<div class="clearfix"></div>
					</div>
					<div class="pages">
						<ul>
							<li><a href=""><上一页</a></li>
							<li><a href="">1</a></li>
							<li><a href="">2</a></li>
							<li><a href="">3</a></li>
							<li><a href="">4</a></li>
							<li><a href="">5</a></li>
							<li><a href="">6</a></li>
							<li><a href="">7</a></li>
							<li><a href="">...</a></li>
							<li><a href="">下一页></a></li>
						</ul>
						<span>共<span class="span1">100</span>页</span>
						<span>到第 <input type="text"> 页</span>
						<span class="span2">确定</span>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- 商品精选 -->
		<div class="choice">
			<div class="container">
				<div class="c-h">
					商品精选
				</div>
				<div class="c-b">
					<div class="box">
						<a href="" class="a2"><img src="images/choice1.jpg"></a>
						<a href="" class="a1">联想（ThinkVision）X27q 27英寸2K超高分辨率纤薄窄边框IPS屏显示器</a>
						<h3>￥2499.00</h3>
						<p><span>1358</span>人评价</p>
					</div>
					<div class="box">
						<a href="" class="a2"><img src="images/choice1.jpg"></a>
						<a href="" class="a1">联想（ThinkVision）X27q 27英寸2K超高分辨率纤薄窄边框IPS屏显示器</a>
						<h3>￥2499.00</h3>
						<p><span>1358</span>人评价</p>
					</div>
					<div class="box">
						<a href="" class="a2"><img src="images/choice1.jpg"></a>
						<a href="" class="a1">联想（ThinkVision）X27q 27英寸2K超高分辨率纤薄窄边框IPS屏显示器</a>
						<h3>￥2499.00</h3>
						<p><span>1358</span>人评价</p>
					</div>
					<div class="box">
						<a href="" class="a2"><img src="images/choice1.jpg"></a>
						<a href="" class="a1">联想（ThinkVision）X27q 27英寸2K超高分辨率纤薄窄边框IPS屏显示器</a>
						<h3>￥2499.00</h3>
						<p><span>1358</span>人评价</p>
					</div>
					<div class="box">
						<a href="" class="a2"><img src="images/choice1.jpg"></a>
						<a href="" class="a1">联想（ThinkVision）X27q 27英寸2K超高分辨率纤薄窄边框IPS屏显示器</a>
						<h3>￥2499.00</h3>
						<p><span>1358</span>人评价</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<div class="search2">
			<div class="container">
				<span>重要搜索:</span>
				<input type="text"><input type="button" value="搜索">
			</div>
		</div>
		<div class="guesslike">
			<div class="container">
				<div class="g-h">猜你喜欢<a href="">换一批</a></div>
				<div class="g-b">
					<div class="box">
						<a href="" class="a1"><img src="images/guesslike1.jpg"></a>
						<a href="" class="a2">金士顿（Kingston）32GB 80MB/s TF(Micro</a>
						<p>(已有人评价)</p>
						<h3>￥89.90</h3>
					</div>
					<div class="box">
						<a href="" class="a1"><img src="images/guesslike1.jpg"></a>
						<a href="" class="a2">金士顿（Kingston）32GB 80MB/s TF(Micro</a>
						<p>(已有人评价)</p>
						<h3>￥89.90</h3>
					</div>
					<div class="box">
						<a href="" class="a1"><img src="images/guesslike1.jpg"></a>
						<a href="" class="a2">金士顿（Kingston）32GB 80MB/s TF(Micro</a>
						<p>(已有人评价)</p>
						<h3>￥89.90</h3>
					</div>
					<div class="box">
						<a href="" class="a1"><img src="images/guesslike1.jpg"></a>
						<a href="" class="a2">金士顿（Kingston）32GB 80MB/s TF(Micro</a>
						<p>(已有人评价)</p>
						<h3>￥89.90</h3>
					</div>
					<div class="box">
						<a href="" class="a1"><img src="images/guesslike1.jpg"></a>
						<a href="" class="a2">金士顿（Kingston）32GB 80MB/s TF(Micro</a>
						<p>(已有人评价)</p>
						<h3>￥89.90</h3>
					</div>
					<div class="box">
						<a href="" class="a1"><img src="images/guesslike1.jpg"></a>
						<a href="" class="a2">金士顿（Kingston）32GB 80MB/s TF(Micro</a>
						<p>(已有人评价)</p>
						<h3>￥89.90</h3>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!-- 大图片广告 -->
		<div class="bigad">
			<div class="container">
				<img src="images/bigad.png">
			</div>
		</div>
		<!-- 分割线 -->
		<div class="cutline">
			<div class="container">
			</div>
		</div>
		<!--  footer -->
		<div class="footer">
			<div class="container">
				<ul>
					<li><a href="">关于我们</a></li>
					<li></li>
					<li><a href="">联系我们</a></li>
					<li></li>
					<li><a href="">联系客服</a></li>
					<li></li>
					<li><a href="">友情链接</a></li>
				</ul>
				<p>Copyright © 2004-2017  yijia.com 版权所有  |  消费者维权热线：  经营证照</p>
			</div>
		</div>
	</div>
</body>
</html>